
<!--导入页头-->
<{include file="../public/head.html"}>
	<!--主内容start-->
		<div id="per_main">
			<!--左侧菜单栏start-->
			<div id="menuleft">
				<{include file="../public/centernav.html"}>
			</div>
			<!--左侧导航栏end-->
			<!--右侧内容start-->	
			<style type="text/css">
			
				.reg_form {
					margin-left: 30px;
					margin-top: 30px;
				}
				.control-group:after {
					clear: both;
				}
				.control-group:before, .control-group:after {
					content: "";
					display: table;
					line-height: 0;
				}
				.control-group:before, .control-group:after {
					content: "";
					display: table;
					line-height: 0;
				}
				.clearfix:after {
					clear: both;
					content: " ";
					display: block;
					height: 0;
				}
				.control-group:before, .control-group:after {
					content: "";
					display: table;
					line-height: 0;
				}
				.control-group:before, .control-group:after {
					content: "";
					display: table;
					line-height: 0;
				}
				.ed-page .control-group {
				}
				.per-infor .control-group {
					margin: 5px 0 0;
				}
				.control-group {
					position: relative;
				}
				.control-group {
					line-height: 15px;
					margin-bottom: 12.5px;
					position: relative;
				}
				.control-label {
					display: block;
					float: left;
					padding-top: 10px;
					text-align: right;
					width: 140px;
				}
				.fl {
					float: left;
				}
				.controls input, .map-text {
					background-color: #FFFFFF;
					border: 1px solid #CCCCCC;
					border-radius: 3px 3px 3px 3px;
					box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
					color: #555555;
					display: inline-block;
					font-size: 14px;
					height: 20px;
					line-height: 20px;
					margin-bottom: 0;
					padding: 6px 4px;
					transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
					vertical-align: middle;
				}
				.ui-form-item {
					z-index: 1;
				}
				.controls {
					float: left;
					margin-left: 12px;
					position: relative;
				}
				.ui-form-item input {
					float: left;
				}
				.ui-form-item .help-inline {
					float: left;
					margin-top: 11px;
				}
				.help-inline {
					color: #999999;
					display: inline-block;
					margin-left: 5px;
					vertical-align: middle;
				}
				.sex-controls {
					color: #999999;
				}
				.controls {
					z-index: 2;
				}
				.controls {
					float: left;
					margin-left: 12px;
					position: relative;
				}
				.sex-controls label {
					display: inline-block;
					margin: 10px 20px 0 0;
				}
				.sex-controls input {
					border: medium none;
					vertical-align: middle;
					width: auto;
				}
				select {
					position: inherit;
					z-index: 1;
				}
				select {
					background-color: #FFFFFF;
					border: 1px solid #CCCCCC;
					border-radius: 3px 3px 3px 3px;
					color: #555555;
					display: inline-block;
					font-size: 12px;
					height: 30px;
					line-height: 20px;
					margin-bottom: 9px;
					margin-top: -5px;
					padding: 4px 6px;
				}
				textarea {
					background-color: #FFFFFF;
					border: 1px solid #CCCCCC;
					border-radius: 3px 3px 3px 3px;
					box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
					color: #555555;
					display: inline-block;
					font-size: 12px;
					height: 80px;
					line-height: 20px;
					margin-bottom: 0;
					padding: 8px 6px;
					transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
					vertical-align: middle;
					width: 300px;
				}
				element.style {
					left: 10px;
					top: 10px;
				}
				.controls em {
					color: #999999;
					display: block;
					left: 10px;
					position: absolute;
					top: 10px;
				}
				.sub-btn {
					padding: 0px 155px;
					position:relative;
					left:-180px;
				}
				.sub-btn .butn {
					padding: 3px 20px 5px;
				}
				button.butn {
					height: auto;
					line-height: 21px;
					padding: 3px 8px 5px;
				}
				
							</style>
			<div id="per_main_right">
			<div class="realRight">
			<div class="mybox">
				<div class="mytit">个人资料</div>
				<div class="con">
				<div id="pCenter" class="pCenter">
					<div class="at_tab_t">
					<a class="at_tab_i" href="">个人中心</a>
					<a class="at_tab_i at_current" href="">基本信息</a>
					<a class="at_tab_i" href="">联系方式</a>
					<!--<a class="at_tab_i" href="">技能证书</a>-->
					<a class="at_tab_i" href="">工作室申请</a>
					<a class="at_tab_i " href="">查看申请</a>
					<a class="at_tab_i " href="">密码设置</a>
					<a class="at_tab_i" href="">头像设置</a>
					</div>
					<div class="reg_box">
						<div class="reg_form">
							<form id="reg_box" action="" method="POST" name="frm_pass">
								<input id="strong" type="hidden" name="strong">
								<div class="control-group clearfix">
									<label class="control-label" for="">真实姓名：</label>
									<div class="controls" style="z-index:3" placeholder="真实姓名">
									<p class="fl">
									<input id="inputWarning" type="text" value="叶永发" name="truename">
									</p>
									</div>
								</div>
								<div class="control-group clearfix">
									<label class="control-label" for="inputWarning">昵称：</label>
									<div class="controls ui-form-item" notype="contact" max="24" min="4" placeholder="昵称" required="" data-index="0">
									<p>
									<input id="inputWarning" type="text" value="见外设计" name="brandname" tabindex="1">
									<span class="help-inline">请输入4-24个字符，支持中文、英文</span>
									</p>
									<em class="ui-form-placeholder" style="left: 10px; top: 10px; display: none;">昵称</em>
									</div>
								</div>
								<div class="control-group clearfix">
								<label class="control-label" for="">性别：</label>
									<div class="controls sex-controls">
									<label>
									<input type="radio" checked="" value="1" name="sex">
									男
									</label>
									<label>
									<input type="radio" value="2" name="sex">
									女
									</label>
									</div>
								</div>
								<div class="control-group clearfix">
									<label class="control-label" for="inputWarning">生日：</label>
									<div class="controls time-controls mt10" placeholder="日期" dateformat="YYYY-MM-DD" required="" type="date">
										<div class="fl">
											<select name="biryear">
											<option value="1980">1980</option>
											<option value="2012">2012</option>
											</select>
											  年  
											<select name="birmonth">
												<option value="11">11</option>
												<option value="12">12</option>
											</select>
											  月  
											<select name="birday">
												<option value="30">30</option>
												<option value="31">31</option>
											</select>
											  日
										</div>
									</div>
								</div>
								<div class="control-group clearfix">
									<label class="control-label" for="inputWarning">年级：</label>
									<div class="controls time-controls mt10">
										<div class="fl">
											<select name="grade">
											<option value="2009">2009级</option>
											<option value="2010">2010级</option>
											</select>
										</div>
									</div>
								</div>
								<div class="control-group clearfix">
									<label class="control-label" for="inputWarning">专业：</label>
									<div class="controls time-controls mt10">
										<div class="fl">
											<select name="major">
											<option value="1">计算机科学与技术</option>
											<option value="2">网络工程</option>
											<option value="3">软件工程</option>
											</select>
										</div>
									</div>
								</div>
								<div class="control-group clearfix">
								<label class="control-label" for="">简介：</label>
									<div class="controls ui-form-item" notype="contact" max="200" min="4" placeholder="简单介绍一下自己吧！" data-index="1">
									<p>
									<textarea name="selfinfo" tabindex="2"></textarea>
									<br>
									<span class="help-inline">请输入至少4-200个字，支持中文、英文</span>
									</p>
									<em class="ui-form-placeholder" style="left: 10px; top: 10px;">简单介绍一下自己吧！</em>
									</div>
								</div>
								<p class="sub-btn">
									<button id="save" class="butn butn-orange">
									<i></i>
									保存
									</button>
								</p>
							</form>
						</div>
					</div>
				</div>
				</div>
			</div>
			</div>
			</div>
			<!--右侧内容start-->
		</div>
		
	<!--主内容end-->
<!--导入页脚-->
<{include file="../public/foot.html"}>